$(function () {
    // 点击"去注册账号"的链接
    $("#link_reg").on("click", function () {
        $(".login-box").hide();
        $(".reg_box").show();
    })
    // 点击"去登录"的链接
    $("#link_login").on("click", function () {
        $(".login-box").show();
        $(".reg_box").hide();
    })
})

//想要通过 layui.form
layui.form.verify({
    //想要校验密码的长度
    pass: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
    rePwd: (val) => {
        const pwdValue = $("#password").val().trim();
        if (val !== pwdValue) return '两次密码输入不一致'
    }
})

/**
 * 1. 需要给注册的表单添加submit事件
 * 2. 阻止表单的默认行为
 * 3. 获取到输入框里面的内容
 * 4. 参考接口文档 关注接口地址与请求方式
 * 5. 发送ajax
 * 6. 接收服务器响应回来的数据 看看是否注册成功 注册失败需要提示用户
 * 7. 注册成功 模拟去登录a标签的点击事件
 */
$("#reg_form").on("submit", function (e) {
    e.preventDefault();
    //获取输入框里面的内容
    const data = $(this).serialize();
    $.post('/api/reguser', data, (res) => {
        const {
            status,
            message
        } = res;
        if (status !== 0) return layui.layer.msg(message);
        //注册成功 模拟去a标签的点击事件
        layui.layer.msg('注册成功');
        $("#link_login").click();
    })
})

/**
 * 1. 需要给登录的表单添加submit事件
 * 2. 阻止表单的默认行为
 * 3. 获取到输入框里面的内容
 * 4. 参考接口文档 关注接口地址与请求方式
 * 5. 发送ajax
 * 6. 接收服务器响应回来的数据 看看是否登录成功 登录失败需要提示用户
 * 7. 需要将服务器响应回来的token保存到本地存储中
 * 8. 跳转到后台首页
 */

$("#login-form").on("submit", function (e) {
    e.preventDefault();
    const data = $(this).serialize();
    console.log(data);
    $.ajax({
        method: 'POST',
        url: '/api/login',
        data,
        success: (res) => {
            console.log(res);
            const {
                status,
                message,
                token
            } = res;
            if (status !== 0) return layui.layer.msg(message);
            sessionStorage.setItem('token', token);
            location.href = '/index.html'
        }
    })
})